<template>
  <div class="home">
    <el-form label-position="left" label-width="80px">
      <el-form-item label="账号">
        <el-input v-model="login.account"></el-input>
      </el-form-item>
      <el-form-item label="密码">
        <el-input v-model="login.password" type="password"></el-input>
      </el-form-item>
      <el-button type="primary" style="width: 100%">登录</el-button>
      <el-button type="primary" style="width: 100%" class="register_button">注册</el-button>
    </el-form>
  </div>
</template>

<script>
// @ is an alias to /src

export default {
  name: 'home',
  data () {
    return {
      login: {
        account: '',
        password: ''
      }
    }
  }
}
</script>

<style>
.home{
  width: 400px;
  margin:auto;
}

.register_button{
  background-color: darkolivegreen !important;
  margin-left: 0 !important;
  margin-top: 10px !important;
}
</style>
